<template>
  <div>
    <h1>App</h1>
    <!-- 
      v-model用于数据双向绑定

      v-model如果给普通DOM元素绑定
        绑定元素的value属性，值为表达式的值
        给元素绑定input事件，收集数据更新表达式的值

      v-model如果给组件绑定
        给组件传递value属性，值为表达式的值
        给组件绑定input自定义事件，触发事件传递的第一个参数，就会更新表达式的值

      同一个标签，sync可以有多个，v-model只能有一个
    -->
    <Child v-model="count" />
  </div>
</template>

<script>
import Child from "./Child.vue";

export default {
  name: "App",
  data() {
    return {
      count: 0,
    };
  },
  components: {
    Child,
  },
};
</script>

<style></style>
